<!--
 * @Descripttion:
 * @Author: Silence
 * @Date: 2023-05-24 19:41:18
 * @LastEditors: Silence
 * @LastEditTime: 2023-05-24 20:49:14
-->
<template>
  <div>
    <div class="title">
      <h1><slot name="left"></slot></h1>
      <p><slot name="right"></slot></p>
    </div>
    <ul>
      <slot name="content"></slot>
      <!-- <slot name="tag"></slot> -->
    </ul>
  </div>
</template>
<script>
export default {
  props: {
    list1: Array
  },
  data () {
    return {

    }
  },
  created () {
  },
  computed: {
  },
  methods: {
  }
}
</script>
<style lang='less'  scoped>
.title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  background-color: skyblue;
}
.title h1,
p {
  margin: 0 40px;
  font-size: 20px;
  color: #fff;
}
ul {
  padding: 0 40px;
}
ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 20px 0;
}
</style>
